<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page  ">
      <section class="">
         <div class="layui-main">
            <div class="user_con">
               <div class="user_headpage" data-load="user_active_header"></div>
               <div class="right_main ">

                  <p class="ft24 mb10 ft-bold">活動類別</p>
                  <p class="ft14 gary_c9 mb20 ft-bold">選擇的類別越精準，感興趣的潛在消費者更容易看見你的活動</p>
                  <div class="block_com" style="min-height: 80vh;">
                     <div class="active_w1 active3 " style="margin:  0 auto;">
                        <from class="layui-form">
                           <p class="text-align-center ft18 mb40 ft-bold">選擇活動類型</p>
                           <div class="">
                              <ul class="layui-row layui-col-space20 ul_height a5_ul1 active_ul ">

                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                                 <li class="layui-col-md2 layui-col-xs3">
                                    <div class="item">
                                       <p>课程</p>
                                    </div>
                                 </li>
                              </ul>
                           </div>
                           <div class="mt40 d-flex jc-s al-c">


                              <button class="layui-btn layui-btn-lg w100 layui-bg-orange next-btn">储存</button>

                           </div>
                        </from>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script>
</script>

</html>